<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人账号</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/personal-account.css">
	<link rel="stylesheet" type="text/css" href="css/碳纤维汉真广标简体.ttf">
</head>
<body>
	<div class="peosonal_count">
		<!-- 导航 -->
		<div class="nav">
			<div class="kk_logo">
				<img src="img/index/kk_logo.png">
			</div>
			<nav>
				<a href="index.html"><span data-hover="首页">首页</span></a>
				<a href="kk-dynamic.html"><span data-hover="KK动态" style="width: 64px;">KK动态</span></a>
				<a href="game-introduce.html"><span data-hover="游戏介绍">游戏介绍</span></a>
				<a href="personal-account.html" style="color: rgb(144,38,242)"><span data-hover="个人账号">个人账号</span></a>
				<a href="recharge-center.html"><span data-hover="充值中心">充值中心</span></a>
				<a href="customer-service.html"><span data-hover="客服问答">客服问答</span></a>
			</nav>
		</div>
		<!-- 引入导航 -->
		<!-- <iframe src="nav.html" frameBorder=0 scrolling=no width="100%" height="70px" style="margin-top: 15px;" id="naviframe"></iframe> -->
		<!-- 分割线 -->
		<div style="height: 5px; background-color: #291D71"></div>
		<!-- 头部 -->
		<div class="top">
			<h1 class="title">
				<img src="img/personal-account/personal_account_title.png">
			</h1>
		</div>
		<!-- 中间大图 -->
		<div class="middle">
			<img src="img/personal-account/personal_account_game_pic1.png">
		</div>
		<!-- 分割线 -->
		<div class="line">
			<img src="img/personal-account/personal_account_line.png">
		</div>
		<!-- 账号设置 -->
		<div class="account_setting">
			<ul class="choose_btn">
				<li>
					<button>账号基本信息</button>
				</li>
				<li>
					<button>手机绑定</button>
				</li>
				<li>
					<button>邮箱绑定</button>
				</li>
				<li>
					<button>身份证绑定</button>
				</li>
				<li>
					<button>修改密码</button>
				</li>
			</ul>
			<ul class="form_list">
				<li class="basic_information">
					<p>
						<span>登录名</span> <input type="text" name="">
					</p>
					<p>
						<span>性别</span><input name="Fruit" type="radio" value="" / id="man" checked="checked"><label for="man">男 </label>
						<input name="Fruit" type="radio" value="" / id="woman"><label for="woman">女</label>
					</p>
					<p>
						<i>*</i><span>真实姓名</span><input type="text" name="">
					</p>
					<p>
						<span>出生日期</span><input type="text">
					</p>
					<p>
						<i>*</i><span>所在地</span><input type="text">
					</p>
					<p>
						<i>*</i><span>联系地址</span><input type="text">
					</p>
					<p>
						<button class="confirm_btn">确定</button>
					</p>
				</li>
				<li class="bind_phone bind">
					<p>
						<span>手机号</span> <input type="text" name="">
					</p>
					<p>
						<span>输入验证码</span> <input type="text" name=""><button>获取验证码</button>
					</p>
					<p>
						<button class="confirm_btn">确定</button>
					</p>
				</li>
				<li class="bind_email bind">
					<p>
						<span>邮箱</span> <input type="text" name="">
					</p>
					<p>
						<span>输入验证码</span> <input type="text" name=""><button>获取验证码</button>
					</p>
					<p>
						<button class="confirm_btn">确定</button>
					</p>
				</li>
				<li class="bind_id_card">
					<p>
						<span>真实姓名</span> <input type="text" name="">
					</p>
					<p>
						<span>证件号</span> <input type="text" name="">
					</p>
					<p>
						<span>输入验证码</span> <input type="text" name="">
					</p>
					<p>
						<span>验证码</span>
					</p>
					<p>
						<button class="confirm_btn">确定</button>
					</p>
				</li>
				<li class="change_password">
					<p>
						<span>当前密码</span> <input type="text" name="">
					</p>
					<p>
						<span>新密码</span><input type="text" name="">
					</p>
					<p>
						<span>再次确认新密码</span><input type="text">
					</p>
					<p>
						<span>输入验证码</span><input type="text">
					</p>
					<p>
						<span>验证码</span>
					</p>
					<p>
						<button class="confirm_btn">修改</button>
					</p>
				</li>
			</ul>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/personal-account.js"></script>
</html>